<div class="panel panel-default m0">
  <div class="panel-body">
    <p class="text-center">您有<strong class="text-danger">1</strong>封未读站内信</p>
    <table class="table table-bordered table-striped _midle">
      <thead>
        <tr>
          <th width="50%">内容</th>
          <th width="30%">时间</th>
          <th width="10%">操作</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td><a href="#">Mark</a></td>
          <td>2017年12月6日 00:25:12</td>
          <td>
            <button type="button" class="btn btn-primary btn-sm">查看</button>
            <button type="button" class="btn btn-danger btn-sm">删除</button>
          </td>
        </tr>
      </tbody>
    </table>
    <div class="clearfix">
      <div class="pull-left">每页 5 条记录  第 1/0 页</div>
      <div class="pull-right">
        <ul class="pagination m0">
          <li>
            <a href="#" aria-label="Previous">
              <span aria-hidden="true">&laquo;</span>
            </a>
          </li>
          <li><a href="#">1</a></li>
          <li><a href="#">2</a></li>
          <li><a href="#">3</a></li>
          <li><a href="#">4</a></li>
          <li><a href="#">5</a></li>
          <li>
            <a href="#" aria-label="Next">
              <span aria-hidden="true">&raquo;</span>
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>

